<template>
    <div>
        <el-form>
            <el-form-item label="编号">
                <el-input v-model="form.code" placeholder="请输入编号"></el-input>
            </el-form-item>
            <el-form-item label="姓名">
                <el-input v-model="form.real_name" placeholder="请输入姓名"></el-input>
            </el-form-item>

            <el-form-item label="电话">
                <el-input v-model="form.phone" placeholder="请输入电话"></el-input>
            </el-form-item>
            <el-form-item label="家庭住址">
                <el-input v-model="form.address" placeholder="请输入家庭地址"></el-input>
            </el-form-item>
        </el-form>
        <div class="text-right">
            <el-button @click="onClose">取消</el-button>
            <el-button type="primary" @click="submit">确定</el-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'add-member',
        data () {
            return {
                form: {
                    real_name: '',
                    code: '',
                    phone: '',
                    address: ''
                }
            }
        },
        methods: {
            onClose () {
                // console.log(this.$modal.test())
                this.$modal.close()
            },
            submit () {
                this.$modal.close()
            }
        }
    }
</script>